extends ../layout

block css
    // 通用CSS库
    link(rel='stylesheet', href='/css/base/reset.css')
    // 通用CSS库
    link(rel='stylesheet', href='/css/base/base.css')
    // 顶部导航栏样式
    link(rel='stylesheet', href='/css/modules/head.css')
    // 查询页导航栏样式
    link(rel='stylesheet', href='/css/modules/nav.css')
    // 分类展示栏样式
    link(rel='stylesheet', href='/css/modules/dialog.css')
    // 翻页组件样式
    link(rel='stylesheet', href='/css/modules/page.css')
    link(rel='stylesheet', href='/css/course/details.css')
    // 顶部样式
    link(rel='stylesheet', href='/css/modules/footer.css')
block js
    script(src='/js/jquery-1.8.0.min.js')
    script(src='/js/html5.js')
    script(src='/js/jquery.common.js')
    script(src='/js/user/util.js')
    script(src='/js/user/show.js')

block content
    link(rel='stylesheet', href='/css/modules/course-list.css', media='screen')
    .content.cf
      // Start面包屑
      .breadcrumbs
        include ./breadcrumbs.jade
      // End 面包屑
      // Start 课程banner信息
      include ./banner.jade
      // End 课程banner信息
      // Start 左列
      .fl.main.details-info
        // 导航  滚动的时候加上类名  fixed
        #tabs.m-nav
          ul#tab_switch
            li.c-jj(tab='brief')
              a.link.curr(href='javascript:;') 课程简介
            li.c-ml(tab='dirBrief')
              a.link(href='javascript:;') 课程目录
        #box_content.m-content
          // =S 课程简介
          include ./brief.jade
          // =E 课程简介
          // =S 课程目录
          include ./chapter.jade
          // =E 课程目录
      // End 左列
      // Start 右列
      .fr.side
        //.hr-line
        // Start 课程推荐
        span#similar_hot
          style.
            .side-card li {
            margin-bottom: 20px;
            }
          //.hr-line
          // End 课程推荐
          // Start 该机构的同类课程
          h3.ck-title 热门课程
          include ./card.jade
              
      // End 右列
    script(type='text/javascript').
      $(function () {
      $(".mn_sort").mouseover(function () {
      $(".mn_mt").css('background', '#40bb8a');
      $(".mn_mc").show();
      }).mouseleave(function () {
      $(".mn_mt").css('background', '#179362');
      $(".mn_mc").hide();
      });
      $('.mn_sort > .mn_mc > .item').hover(function () {
      $(this).addClass('item_hover');
      $(this).children('.i_bd').show();
      }, function () {
      $(this).removeClass('item_hover');
      $(this).children('.i_bd').hide();
      });
      $("#tab_switch li[float!=float]").click(function(){
      if ($(this).hasClass('szbq')) {
      return true;
      }
      //根据tab获取不同的数据，并替换内容。此方式可根据需要变动
      var tab = $(this).attr('tab');
      console.log(tab);
      $("#tab_switch li a").removeClass('curr');
      $(this).children('a').addClass('curr');
      if (tab == "brief"){
      $(".con-intro").show();
      $(".m-catalog").show();
      $(".show-comment").show();
      }else if (tab == "dirBrief"){
      $(".con-intro").hide();
      $(".m-catalog").show();
      $(".show-comment").hide();
      }else if (tab == "comment"){
      $(".con-intro").hide();
      $(".m-catalog").hide();
      $(".show-comment").show();
      }
      return false;
      });
      });
